```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工作台</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 2rem;
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
        }
        .header .greeting {
            font-size: 1.2rem;
            font-weight: bold;
        }
        .header .stats {
            display: flex;
            gap: 1rem;
        }
        .header .stats span {
            font-size: 1rem;
        }
        .content {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 2rem;
        }
        .projects {
            grid-column: 1 / 9;
            background-color: #fff;
            padding: 2rem;
            border-radius: 0.5rem;
        }
        .projects .project {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        .projects .project img {
            width: 2rem;
            height: 2rem;
            margin-right: 1rem;
        }
        .projects .project .info {
            flex: 1;
        }
        .projects .project .info h3 {
            font-size: 1rem;
            margin: 0;
        }
        .projects .project .info p {
            font-size: 0.8rem;
            margin: 0.5rem 0 0;
        }
        .activities {
            grid-column: 1 / 9;
            background-color: #fff;
            padding: 2rem;
            border-radius: 0.5rem;
            margin-top: 2rem;
        }
        .activities .activity {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        .activities .activity img {
            width: 2rem;
            height: 2rem;
            margin-right: 1rem;
        }
        .activities .activity .info {
            flex: 1;
        }
        .activities .activity .info p {
            font-size: 0.8rem;
            margin: 0;
        }
        .quick-start {
            grid-column: 9 / 13;
            background-color: #fff;
            padding: 2rem;
            border-radius: 0.5rem;
        }
        .quick-start .add-button {
            background-color: #007bff;
            color: #fff;
            padding: 0.5rem 1rem;
            border-radius: 0.25rem;
            cursor: pointer;
        }
        .index-chart {
            grid-column: 9 / 13;
            background-color: #fff;
            padding: 2rem;
            border-radius: 0.5rem;
            margin-top: 2rem;
        }
        .index-chart canvas {
            width: 100%;
            height: 200px;
        }
        .team {
            grid-column: 9 / 13;
            background-color: #fff;
            padding: 2rem;
            border-radius: 0.5rem;
            margin-top: 2rem;
        }
        .team .member {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        .team .member img {
            width: 2rem;
            height: 2rem;
            margin-right: 1rem;
        }
        .team .member .info {
            flex: 1;
        }
        .team .member .info p {
            font-size: 0.8rem;
            margin: 0;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Layout">
        <div class="header" data-antd-component="Row" data-antd-props='{"justify":"space-between","align":"middle"}'>
            <div class="greeting" data-antd-component="Card">
                <img src="data-src='IMAGE_PLACEHOLDER'" alt="Avatar" style="width: 4rem; height: 4rem; border-radius: 50%;" data-antd-component="Avatar">
                <span data-antd-component="Typography.Text">早安，吴彦祖，祝你开心每一天！</span>
                <br>
                <small data-antd-component="Typography.Text">交互专家 | 蚂蚁金服 - 某某某事业群 - 某某某平台部 - 某某某技术部 - UED</small>
            </div>
            <div class="stats" data-antd-component="Space">
                <span data-antd-component="Typography.Text">项目数 56</span>
                <span data-antd-component="Typography.Text">团队内排名 8 / 24</span>
                <span data-antd-component="Typography.Text">项目访问 2,223</span>
            </div>
        </div>
        <div class="content" data-antd-component="Row" data-antd-props='{"gutter":16}'>
            <div class="projects" data-antd-component="Col" data-antd-props='{"span":16}'>
                <h2 data-antd-component="Typography.Title">进行中的项目</h2>
                <a href="#" class="all-projects" data-antd-component="Link">全部项目</a>
                <div class="project" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="Alipay" data-antd-component="Avatar">
                    <div class="info" data-antd-component="List.Item.Meta">
                        <h3 data-antd-component="Typography.Text">Alipay</h3>
                        <p data-antd-component="Typography.Text">那是一种内在的东西，他们到达不了，也无法触及的</p>
                        <p data-antd-component="Typography.Text">科学搬迁组 几秒前</p>
                    </div>
                </div>
                <!-- 更多项目 -->
            </div>
            <div class="activities" data-antd-component="Col" data-antd-props='{"span":16}'>
                <h2 data-antd-component="Typography.Title">动态</h2>
                <div class="activity" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="User Avatar" data-antd-component="Avatar">
                    <div class="info" data-antd-component="List.Item.Meta">
                        <p data-antd-component="Typography.Text">曲丽丽 在 高逼格设计天团 新建项目 六月迭代</p>
                        <p data-antd-component="Typography.Text">几秒前</p>
                    </div>
                </div>
                <!-- 更多活动 -->
            </div>
            <div class="quick-start" data-antd-component="Col" data-antd-props='{"span":8}'>
                <h2 data-antd-component="Typography.Title">快速开始 / 便捷导航</h2>
                <button class="add-button" data-antd-component="Button" data-antd-props='{"type":"primary"}'>+ 添加</button>
            </div>
            <div class="index-chart" data-antd-component="Col" data-antd-props='{"span":8}'>
                <h2 data-antd-component="Typography.Title">XX 指数</h2>
                <canvas data-antd-component="Chart"></canvas>
            </div>
            <div class="team" data-antd-component="Col" data-antd-props='{"span":8}'>
                <h2 data-antd-component="Typography.Title">团队</h2>
                <div class="member" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="User Avatar" data-antd-component="Avatar">
                    <div class="info" data-antd-component="List.Item.Meta">
                        <p data-antd-component="Typography.Text">科学搬</p>
                        <p data-antd-component="Typography.Text">全组都</p>
                    </div>
                </div>
                <!-- 更多成员 -->
            </div>
        </div>
    </div>
</body>
</html>
```